<template>
	<view class="page">
		<view class="ui-cells">
			<view class="ui-cell">
				<u-input v-model="value" type="tetx"/>
			</view>
			<view class="btn-group">
				<button type="default" class="btn confirm-btn">确定</button>
				<button type="default" class="btn cancel-btn">取消</button>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:'雷达化'
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" >
	.page{
		min-height: calc(100vh - 44px);
		background-color: #fff;
	}
	
	.ui-cells{
		padding: 0 30rpx;
		border-top: 1rpx solid #f8f8f8;
		
		.ui-cell{
			border-bottom: 1rpx solid #f0f0f0;
			padding: 16rpx 0;
		}
	}
	
	.btn-group {
		padding: 0 45rpx;
		margin-top: 300rpx;
	
		.btn {
			display: block;
			height: 80rpx;
			font-size: 36rpx;
			margin-bottom: 20rpx;
			line-height: 80rpx;
		}
	
		.confirm-btn {
			background-color: #248ee8;
			color: #fff;
			box-shadow: 4rpx 5rpx 10rpx rgba(0, 18, 152, 0.15);
		}
	
		.confirm-btn::after {
			border: 1px solid #248ee8;
		}
	
		.cancel-btn {
			color: #248ee8;
			background-color: #fff;
		}
	
		.cancel-btn::after {
			border: 1px solid #248ee8;
		}
	}
</style>
